<template>
	<view class="">
		<view v-if="type!=1" class="justify-between align-center combody">
			<view class=" flex-row align-center">
				<image @click="tohome" src="../static/images/header/logo.png" style="width: 162rpx;height: 50rpx;"></image>
				<view class="line"></view>
				<image src="../static/images/header/txt.png" style="width: 315rpx;height: 58rpx;"></image>
			</view>
			<view class="searchbox justify-between align-center">
				<image @click="tosearch" src="../static/images/header/search.png" style="width:48rpx ;height:48rpx;margin-right: 20rpx;"></image>
				<image @click="tonav" src="../static/images/header/nav.png" style="width:48rpx ;height:48rpx ;"></image>
			</view>
		</view>
		<view v-else class="justify-between align-center combody">
			<view class=" flex-row align-center">
				<image @click="tohome" src="../static/images/header/flogo.png" style="width: 162rpx;height: 50rpx;"></image>
				<view class="line"></view>
				<image src="../static/images/header/ftxt.png" style="width: 315rpx;height: 58rpx;"></image>
			</view>
			<view class="searchbox justify-between align-center">
				<image @click="tosearch" src="../static/images/header/fsearch.png" style="width:48rpx ;height:48rpx;margin-right: 20rpx;"></image>
				<image @click="tonav" src="../static/images/header/fnav.png" style="width:48rpx ;height:48rpx ;"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:['type'],
		mounted() {
		},
		methods:{
			tohome(){
				uni.navigateTo({
					url:'/pages/home'
				})
			},
			tosearch() {
				uni.navigateTo({
					url: '/pages/search'
				})
			},
			tonav() {
				uni.navigateTo({
					url: '/pages/navpage'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.combody{
		background: transparent;
		.line{
			width: 2rpx;
			height: 50rpx;
			margin: 0 6rpx;
			border-radius: 0px 0px 0px 0px;
			border: 1px solid;
			border-image: linear-gradient(180deg, rgba(215, 221, 220, 0), rgba(184, 195, 193, 1), rgba(215, 221, 220, 0)) 1 1;
		}
	}

</style>